<template>
    <div class="box">
        <h5>
            说明
        </h5>
        <p>如果只是以控件形式集成，则其余部分的接口不用再看</p>
        <h5>部署环境</h5>
        <p>
            1. JDK 1.8+
        </p>
        <p>
            2. MongoDB 4.0+
        </p>
        <h5>部署客户端</h5>
            <p>
                1. 将前端代码包解压，修改<el-tag>env.js</el-tag>中的<el-tag>ApiUrl</el-tag>字段为服务端的请求地址，使用nginx部署该目录
            </p>
        <p>
            2. 将
            <el-tag>/#/formDesign</el-tag>(表单设计) /
            <el-tag>/#/bpmDesign</el-tag>(流程设计) /
            <el-tag>bpm/ins/ins.list.html</el-tag>(任务管理) /
            <el-tag>bpm/report/list.html</el-tag>(报表设计) /
            <el-tag>bpm/report/preview.list.html</el-tag>(报表管理)
            这五个路径的链接加入自己的菜单
        </p>
        <h5>部署服务端</h5>
        <div>
            <p>
                1. 修改<el-tag>nami.conf</el-tag>文件，将<el-tag>port</el-tag>对应的端口修改成你的端口
            </p>
            <p>
                2. 修改<el-tag>var</el-tag>中的
                <el-tag>sync-token</el-tag>
                为集成同步接口时所用的token
            </p>
            <p>
                3. 修改
                <el-tag>push-notice-url</el-tag> /
                <el-tag>push-log-url</el-tag> /
                <el-tag>push-message-url</el-tag>
                为集成推送接口所用的地址
            </p>
            <p>
                4. 修改<el-tag>storage</el-tag>中<el-tag>path</el-tag>的路径为保存上传文件的目录
            </p>
            <p>
                5. 使用 <el-tag>java -jar {服务端jar包所在路径} -c {nami.conf所在路径} </el-tag> 启动服务端
            </p>
            <p>
                6. 实现本章节下方的五个接口(
                <el-tag>登录</el-tag>/
                <el-tag>同步组织架构和用户</el-tag>/
                <el-tag>消息推送</el-tag>/
                <el-tag>短信推送</el-tag>/
                <el-tag>日志推送</el-tag>
                )
            </p>
            <p>
                7. 登录后，在cookie和localStorage中以<el-tag>bpm-token</el-tag>为键将登录接口返回的token为值写入，请保证cookie中只存在一个path的bpm-token，例如
                <el-alert class="code">
                    localStorage.setItem("bpm-token", "xxx") //以localStorage为例
                </el-alert>
                <el-alert class="code">
                    $.cookie("bpm-token", "xxx") //以jquery.cookie为例
                </el-alert>
            </p>
        </div>
        <el-alert type="error" class="alert">提示：请将前端和后端的地址使用nginx代理到同一个域下，并且放行header中bpm-token的字段</el-alert>
    </div>
</template>

<script>
    export default {
        name: "desc"
    }
</script>

<style scoped>
    .box{
        display: block;
        padding: 10px;
    }
    .code{
        margin-top: 10px;
    }
    .alert{
        margin-top: 10px;
    }

</style>